5
תגובות
CSS | מה גובר על מה
פתח
OrelBeY
,
נניח שיש לי 2 עמודי CSS שמקושרים לדף שלי. בשניהם אותם מאפיינים, אבל עם ערכים שונים, כך שיש סתירות ביניהם.
באחד העמ' כתוב פעמיים אותה תכונה, עם ערכים שונים.
לדוגמה:
בקובץ הCSS הראשון:
וקובץ ה-CSS שמקושר לאחר מכן:
לפי מה שאני הבנתי בהתחלה, האחרון (30pt) אמור לגבור, אבל כבר ראיתי כמה פעמים שזה לא כך.
אז מה גובר על מה?
באחד העמ' כתוב פעמיים אותה תכונה, עם ערכים שונים.
לדוגמה:
בקובץ הCSS הראשון:
body {font-size:10pt;}
body {font-size: 20pt;}
body {font-size: 20pt;}
וקובץ ה-CSS שמקושר לאחר מכן:
body {font-size: 30pt;}
לפי מה שאני הבנתי בהתחלה, האחרון (30pt) אמור לגבור, אבל כבר ראיתי כמה פעמים שזה לא כך.
אז מה גובר על מה?
5 תשובות
באופן כללי הסדר הוא כזה:
אם יש למשהו important אז הוא הקובע.
אם אין, אז ל inline style שמופיע בתור attribute יש יותר כוח
ואחרי זה המאוחר יותר מכולם.
כלומר במקרה שלך יתפוס הערך מהקובץ השני.
מחזק את אלכס, כל עוד לא הוגדר important! אז הסגנון האחרון מביניהם תופס, בעוד שסגנון ה-inline מעל כולם (לא בטוח אם מעל ה-important או לא).
בקשר לנקודה שהעלית שהאחרון לא גובר מידי פעם, אולי זה בגלל שגיאה בקוד.
אני יודע את מה שכתבתם. :)
אשתדל לנסות לתפוס את הבעיה בפעם הבאה ולשאול פה. ^^
תודה והמשך יום נעים. :)